<template>
    <div class="bgc">
        <van-nav-bar title="个人中心" left-arrow @click-left="$router.back()" />
        <van-cell title="id" :value="userid" />
        <van-cell title="用户名" :value="username" />
        <van-cell title="电话" :value="tel" />
        <van-cell title="修改用户信息" to="/changeuserinfo" is-link />
        <van-cell title="修改密码" to="/changepassword" is-link />
        <van-cell title="注销登录" is-link @click="logOut" />
    </div>
</template>

<script setup>
import { usePersonHandler } from '@/hooks/mys/useMys'
const { username, tel, userid, logOut } = usePersonHandler()
</script>

<style lang="scss" scoped>
.bgc {
    background-color: #fff;
    height: 100%;
}
</style>